@import "bootstrap.min.css"

// Media queries
/*mq-mobile = "screen and (max-width: 768px)"*/
/*mq-normal = "screen and (min-width: 769px)"*/
/*mq-tablet = "screen and (min-width: 480px)"*/

// -------------------- basic --------------------

body
  background-color #eee
  line-height 1.7
  font-size: 15px

#full-wrap
  position relative
  min-height 640px
  overflow-y auto
  overflow-x hidden
  background-color #eee
  .title-header h1
    margin-top 80px
  .content-wrap .title-header h1
    margin-top 1em

.container-fluid
  padding 0

/*.container.footer*/
  /*margin-left 280px*/

#footer
  height 60px
  background-color transparent
  color #333

  margin-top 50px
  padding-top 10px
  padding-bottom 10px
  padding-left 10px

blockquote
    font-size 15px
    color: #66595c

// -------------------- content --------------------

.row
  margin 0px

.content-wrap
  margin-top 85px
  margin-left 250px
  padding-bottom 60px
  background-color #FFF
  h1, .h1, h2, .h2, h3, .h3
    margin-top 1em
    margin-bottom 0.8em
    &:before
      content: '';
      display: block;
      position: relative;
      width: 0;
      height: 4em;
      margin-top: -4em
  h2, .h2
    border-bottom 1px solid #eee
  p
    margin-bottom 1.5em
  ul
    margin-bottom 1.5em
  li
    margin-bottom 0.8em
  li > ul > li
    margin-bottom 0.5em
  li > img
    margin-top 0.8em
    margin-bottom 1em
  li.toc-item
    margin-bottom 0.3em
    &.toc-level-2
      margin-top 0.5em
      margin-bottom 0.5em
  ol.breadcrumb li
    margin-bottom 0

.content-wrap img
  max-width 100%

table
   width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
   background-color: transparent;
   border-spacing: 0;
   border-collapse: collapse;
   thead:first-child>tr:first-child>th
     border-top: 0;
   thead>tr>th
     vertical-align: bottom;
     border-bottom: 2px solid #ddd;
     padding: 8px;
   tbody>tr>td:first-child
     font-weight 600;
   th
     text-align left
   td
     padding-left 10px
     line-height 3em
   tbody>tr:nth-of-type(odd)
     background-color #f9f9f9


.highlight tbody>tr:nth-of-type(odd)
    background-color transparent

figure.highlight
  margin-bottom 1.5em

p code
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: normal /* Internet Explorer 5.5+ */
  word-break: normal

// -------------------- navbar --------------------

header
  position fixed
  width 100%
  z-index 999

button.navbar-toggle.collapsed
  margin-top 25px

.navbar-brand
  padding-top 13px
  img
    height: 30px

.navbar-header
  height 62px
  margin-left 20px
  margin-right 120px

.navbar
  border-radius 0
  margin-bottom 0

.navbar-inverse
  background-color #24272D

.navbar-nav li a
  line-height 30px

// -------------------- sidebar --------------------

.container.sidebar
  float left
  position fixed
  width 240px
  margin-top 62px
  overflow-y auto
  background-color #eee

  &::-webkit-scrollbar
    width 6px
    -webkit-appearance none

  &::-webkit-scrollbar-track
    display none

  &::-webkit-scrollbar-thumb
    background-color #fdb92c

#sidebar
  margin-bottom 50px
  &.fixed
    position: absolute
    top: 20
    bottom: 0
    .inner
      margin-top 20px
      position: fixed
      top: 0
      bottom: 0
  .inner
    overflow-y: auto

.sidebar-title
  margin-top 30px

.nav li.sidebar-title
    margin-top 1em

.nav-pills.nav-stacked li
    font-size 0.95em
    line-height 1.6
    a
        padding 2px 15px
        border-radius 0px
    &.active a
        background-color #777


@media (max-width: 768px)
  .container.sidebar
    display none
  .content-wrap
    margin-left 30px

// -------------------- toc --------------------

#article-toc
  display: block
  float: right
  width: 100%
  opacity: 0.8
  &.fixed
    position: absolute
    top: 20
    bottom: 0

#article-toc-inner
  /*@extend .inner*/
  overflow-x: hidden
  overflow-y: auto
  width: 200px
  .fixed &
    margin-top 120px
    position: fixed
    top: 0
    bottom: 0

.toc-link
  display: block;
  color: #444;
  padding: 0.3em 0;
  line-height: 1;
  position: relative;
  width: 100%;
  overflow: hidden;

.toc-child
  padding-left: 1em
  padding-top: 0.5em
  font-size: 0.9em

#article-toc-top
  margin-top: 2em
  font-size: 0.9em
  text-decoration: none
  color: color-default
  display: block
  margin-bottom: 40px
  font-family: font-title
  &:hover
    color: color-link-hover

ol, ul
  &.toc
    list-style: none
    padding-left 0

//-----------------index-----------------

.index
  margin-top 110px
  .row
    margin-top 30px
  .nav-stacked li
    a
      padding-top 0.3em
      padding-bottom 0.3em
  li.sidebar-title
      margin-bottom 0.5em


.hljs
  background: whitesmoke
  padding: 0

pre
  background: whitesmoke
  padding 1em
  margin-bottom 1.5em
